*
{
    margin:0;
    padding:0;
}
html,body
{
    margin:0;
    padding:0;
    font-family:Helvetica;
    font-size:14px;
    color:#222;
    width:100%;
    height:100%;
} 
.pageHeader
{
    width:100%;
    line-height:40px;            
    padding-top:3px;                           
    color: #fff;
    display: block;
    overflow:hidden;
    font-size: 16px;
    font-weight: bold;            
    text-align: center;                        
    margin-bottom:0px;            
    border-bottom:1px solid #999999;
    background-color:#354F6E;                
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8a8a8a), color-stop(2%, #6a6a6a), color-stop(100%, #151515));
}                                 

.content
{
    padding:5px;
    text-align:center;                       
} 
        
.redBtn                       
{
    -webkit-border-radius:4px;
    padding:10px;
    text-align:center;
    color:#484e5e;
    font-size:13px;
    font-weight:bold;             
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(2%, #ededed), color-stop(100%, #ededed));
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    border: 1px solid #a0a0a0;
    border-top-color: #a0a0a0;  
    -webkit-box-shadow: 1px 1px 6px #a0a0a0;  
} 
.okBtn
{             
    width:80px;
    padding:10px;                
    position:absolute;
    left:35%;
    bottom:10px;  
} 

/* modal window*/
.modalOverlay
{
    width:100%;
    height:100%;
    position:absolute;
    top:0;	       
    left:0;
    margin:0;
    padding:0;
    background:#000;
    opacity:0;
    -webkit-transition: opacity 0.3s ease-in;
    z-index:101;
}
.modalWindow
{
    position:fixed;
    /*top:150px;	        */
    margin:0;	        	       
    border:2px solid #151515;	        	        
    /*width:400px;
    height:300px;	        done in script now*/
    text-align:center;
    word-spacing:2px;
    line-height:15px;
    font-weight:bold;
    font-size:13px;
    color:#2B3A42;
    /*padding:10px;*/
    opacity:0;                        
    z-index:102;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #EFEFEF), color-stop(2%, #EFEFEF), color-stop(100%, #DCEBDD));    
    -webkit-border-radius:2px;              
    -webkit-box-shadow:-1px 2px 12px rgba(0, 0, 0, 0.91);
    -webkit-transition: opacity 0.2s ease-in;                          
}
.modalWindowHeader
{
    width:100%;
    line-height:45px;
    /*height:62px;*/
    padding-top:3px;                           
    color: #fff;
    display: block;
    overflow:hidden;
    font-size: 16px;
    font-weight: bold;            
    text-align: center;                        
    margin-bottom:0px;    
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #479fc4), color-stop(2%, #479fc4), color-stop(100%, #479fc4));
}
.modalWindowContent
{       
    padding:10px;                           
    color: #000;
    display: block;
    overflow:hidden;
    font-size: 12px;
    font-weight: bold;            
    line-height:20px;                                          
}        

#footer {
	position:absolute; z-index:2;
	bottom:0; left:0;
	width:100%;
	height:48px;
	background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	padding:0;
	border-top:1px solid #444;
}

#header {
	position:absolute; z-index:2;
	top:0; left:0;
	width:100%;
	height:45px;
	line-height:45px;
	background-color:#d51875;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fe96c9), color-stop(0.05, #d51875), color-stop(1, #7b0a2e));
	background-image:-moz-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
	background-image:-o-linear-gradient(top, #fe96c9, #d51875 5%, #7b0a2e);
	padding:0;
	color:#eee;
	font-size:20px;
	text-align:center;
}

#wrapper {
	position:absolute; z-index:1;
	top:45px; bottom:48px; left:0;
	width:100%;
	overflow:auto;
}

#scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}

#bottomNav{
 text-align:center;
 margin-top: 20px;
 height:50px;
 background-color:#e0e0e0;
 width:100%;
}

#bodyContent{
 margin-bottom: 100px;
}